/*
  global.css - 全局样式表

  该文件用于定义应用的全局样式设置，包含以下内容：
  1. 基础字体和颜色设置
  2. 页面布局和间距的重置
  3. 全局主题色的定义
  4. 元素的全局样式（如按钮、链接等）

  请避免在此文件中加入特定组件或页面的样式，所有组件样式应放在各自的组件样式文件中。
  若要修改全局的颜色、字体等主题，请在此文件中进行。
  
  版本：1.0.0
  作者：BigYuanZi015
  日期：2024-12-18
*/

/* 重置样式 */
*,
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
a,
ul,
li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}

/* 基础样式 */
body {
  line-height: 1.6;
  font-size: 14px;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}

/* 修改滚动条轨道 */
::-webkit-scrollbar {
  width: 8px; /* 设置滚动条宽度 */
  height: 8px; /* 设置水平滚动条高度 */
}

/* 修改滚动条轨道的背景 */
::-webkit-scrollbar-track {
  background-color: #f0f0f0; /* 轨道背景颜色 */
  border-radius: 10px; /* 圆角 */
}

/* 修改滚动条滑块（thumb）的样式 */
::-webkit-scrollbar-thumb {
  background-color: #b3b3b3; /* 滑块背景颜色 */
  border-radius: 10px; /* 圆角 */
  border: 1px solid #f0f0f0; /* 滑块的边框 */
}

/* 鼠标悬停时滑块的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #7c7c7c; /* 悬停时滑块的背景颜色 */
}

/* 可选：修改滚动条的角落样式 */
::-webkit-scrollbar-corner {
  background-color: #f0f0f0; /* 角落的背景颜色 */
}
